<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="css/newvaultGlobal.css">
    <link rel="stylesheet" type="text/css" href="css/buttons.css">
    <link rel="stylesheet" type="text/css" href="css/dialog.css">
    <link rel="stylesheet" type="text/css" href="css/tabDialog.css">
    <link rel="stylesheet" type="text/css" href="css/siteDialog.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script src="js/tabDialog.js" charset="utf-8"></script>
    <script src="js/jquery-1.11.1.min.js" charset="utf-8"></script>
  </head>

  <body class="tab">

    <div id="contextMenu" class="contextMenu dropdownMenu">
      <ul></ul>
    </div>

    <div class="dialog responsive maximized2" role="dialog" aria-labelledby="siteDialogTitle" id="siteDialog" style="display: block; max-height: 706px;">
      <button class="focusCycler"></button>
      <div class="dialogHeader icon dialogHeaderButtonsEnabled titleEnabled">
        <div class="dialogHeaderInner">
          <span class="dialogHeaderTitle" id="siteDialogTitle">添加/编辑</span>
        </div>
        <!--<div class="dialogHeaderButtons">-->
          <!--<button title="最大化" class="dialogMaximizeButton dialogHeaderButton"></button>-->
          <!--<button title="关闭" class="dialogCloseButton dialogHeaderButton"></button>-->
        <!--</div>-->
      </div>
      <div class="dialogContent dialogContentFixed" style="bottom: 66px; top: 50px;">
        <div class="mainView" style="display: block;">
          <div class="siteTypeahead" style="display:none;">
            <label for="siteDialogURL" class="label first">网址：</label>
            <div class="dropdownContainer" style="margin: 0px;">
              <div class="relative">
                <div class="dropdownHint" style="line-height: 30px; padding-left: 5px; padding-right: 35px; font-weight: 400; left: 1px; right: 1px;">
                  <span></span>
                </div>
                <input id="siteDialogURL" class="dialogInput clickToggles typeaheadDropdown dropdownDisabled" type="text" spellcheck="false" style="margin: 0px;">
              </div>
            </div>
          </div>
          <div class="twoColumn leftColumn" >
            <label for="siteDialogName" class="label">名称：</label>
            <input id="siteDialogId" type="hidden">
            <input id="siteDialogName" dialogfield="name" class="dialogInput" type="text" spellcheck="false">
          </div>
          <div class="twoColumn rightColumn">
            <div>
              <label for="siteDialogGroup" class="label">识别路径(|分隔):</label>
              <div class="dropdownContainer" style="margin: 0px;">
                <div class="relative">
                  <div class="dropdownHint" style="line-height: 30px; padding-left: 5px; padding-right: 35px; font-weight: 400; left: 1px; right: 1px;">
                    <span></span>
                  </div><input id="siteDialogGroup" class="dialogInput typeaheadDropdown clickToggles" dialogfield="group" type="text" spellcheck="false" style="margin: 0px;"></div>
                <div class="dropdownMenu selectDropdownList" style="margin-top: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;">
                  <ul></ul>
                </div>
              </div>
            </div>
          </div>
          <div class="twoColumn leftColumn hideSaveAll">
            <label for="siteDialogUsername" class="label">用户名：</label>
            <input id="siteDialogUsername" dialogfield="unencryptedUsername" class="dialogInput" type="text" spellcheck="false" autocomplete="off">
          </div>
          <div class="twoColumn rightColumn hideSaveAll">
            <div class="relative">
              <label for="siteDialogPassword" class="label">密码：</label>
              <div class="relative" style="margin: 0px;"><input id="siteDialogPassword" dialogfield="password" class="dialogInput passwordToggle password" type="password" autocomplete="off" spellcheck="false" style="margin: 0px;">
                <button class="showPassword iconButton" title="显示密码"></button>
                <div class="meterContainer">
                  <div class="meter">
                    <div class="poor" style="width: 1%;"></div>
                  </div>
                </div>
              </div>
              <div id="autoChangePassword" style="display: none;">自动更改密码</div>
            </div>
          </div>
          <div class="clear"></div>
          <label aria-label="Fields" class="label fieldsLabel">字段：</label>
          <table class="saveAllFields"></table>
          <label for="siteDialogNotes" class="label" style="display:none;">备注：</label>
          <textarea id="siteDialogNotes" dialogfield="extra" class="dialogInput responsiveTextArea" spellcheck="false" style="height: calc(100% - 409px);display:none;"></textarea>

          <table class="fieldsTable" style="margin: 20px 0 5px 0;" border="1">
            <tbody class="fieldsElement">
              <tr >
                <td class="" style="width:20%;text-align: right;">
                    用户名识别字段(|分隔)
                </td>
                <td class="formFieldValue">
                     <input id="dialogInput1" class="dialogInput " spellcheck="false" style="margin: 0px;">
                </td>
              </tr>
              <tr >
                <td class="" style="width:20%;text-align: right;">
                    密码识别字段(|分隔)
                </td>
                <td class="formFieldValue">
                     <input id="dialogInput2" class="dialogInput " spellcheck="false" style="margin: 0px;">
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="buttons buttonsFixed rightButtons">
        <button id="delete" class="nbtn btn_midi dbtn leftButton">删除</button>
        <button id="cancel" class="nbtn btn_midi wbtn">取消</button>
        <button id="save" class="nbtn btn_midi rbtn">保存</button>
      </div>
      <button class="focusCycler"></button>
      <div class="dialogBlurOverlay"></div>
    </div>

    <div id="_loading" style="display:none;">
      <div class="loading-mask"></div>
      <div class="loading-box">
        <div class="loading-content animate-spin"></div>
        <div class="loading-content-outer animate-spin-outer"></div>
        <div class="text">
          加载中
        </div>
        <div class="loading-bg"></div>
      </div>
    </div>

  </body>

</html>
